﻿@{var ks = new Hotel_application.Models.KhachSanEntities(); }

<div>
    @foreach (var l in ViewData.Model)
    { 
        <div>
            <a id = '@l.maDP' class="showInfor">@l.maDP -  @l.hoTen - @l.CMND - @l.ngayBD.ToString("dd.MM.yyyy") - @l.ngayKT.ToString("dd.MM.yyyy")</a>
            <div class = 'hidden classBox' id="info_@l.maDP">
                <div class="thongTinDatPhong">
                    <label>Họ tên người đặt: <span>@l.hoTen</span></label><br />
                    <label>CMND: <span>@l.CMND</span> </label>
                    <br />
                    <label>Ngày sinh: <span>@l.ngaySinh.ToString("dd.MM.yyyy")</span> </label>
                    <br />
                    <label>Số lượng phòng đặt: <span>@l.soLuongPhong</span></label><br />
                    @if (@l.maNV == null && @l.xacNhanTraPhong == null)
                    { 
                        <div id="checkIn_@l.maDP"><input id="+@l.maDP" type="button" value="Nhận phòng" class="checkIn" /></div>
                    }
                    else
                    {
                         <div id="checkIn_@l.maDP" class="hidden"><input id="+@l.maDP" type="button" value="Nhận phòng" class="checkIn"  /></div>
                    }
                    @if (@l.maNV != null && @l.xacNhanTraPhong == null)
                    { 
                        <div id="checkOut_@l.maDP"><input id="-@l.maDP"  type="button" value="Trả phòng" class="checkOut"/></div>  
                    }
                    else
                    {
                         <div id="checkOut_@l.maDP" class="hidden"><input id="-@l.maDP"  type="button" value="Trả phòng" class="checkOut" /></div>  
                    }
                     <div class="notice" id="notice_ds_@l.maDP"></div>
                </div>
                <a id="dsPhong_@l.maDP" class="showRoom">Danh sách phòng đặt</a>
                <div class="clear"></div>
                <div class="hidden" id="showRoom_@l.maDP">
                    @foreach (var m in ks.DanhSachDatPhongs)
                    {
                        if (m.maDP == l.maDP)
                        { 
                        <label class="titlePhong">@m.maPhong - @m.Phong.LoaiPhong.tenLoai - @m.Phong.HangPhong.tenHang</label>
                        <a id = 'dskh_@m.maDS' class="showCustomer">Thông tin khách</a>
                            
                        <div class="hidden info" id="showCustomer_@m.maDS">
                            <div id="ListCustomer_@m.maDS">
                                @foreach (var n in m.ThongTinNguoiOs)
                                { 
                                    <div id="@n.maDS@n.CMND">
                                        @if (n.maDS == m.maDS)
                                        {
                                            <p>
                                                <label>Họ tên</label>
                                                <input type="text" value="@n.tenNguoiO" id="hoTen_@n.maDS@n.CMND" />
                                            </p>
                                            <p>
                                                <label>CMND</label>
                                                <input type="text" value="@n.CMND" id="cmnd_@n.maDS@n.CMND" />
                                            </p>
                                            <input type="hidden" value="@n.CMND" id="cmnd_old_@n.maDS@n.CMND" />
                                            <p>
                                            <a id="update_@n.maDS@n.CMND" class="update_customer btnInner">Cập nhật</a>
                                            <a id="delete_@n.maDS@n.CMND" class="delete_customer btnInner">Xoá</a></p>
                                        }
                                    </div>
                               
                                }
                            </div>
                            <div class="notice" id="notice_customer_@m.maDS"></div>
                            <p>
                                <label>Họ tên</label>
                                <input type="text" id="hoTen_newCus_@m.maDS" />
                            </p>
                            <p>
                                <label>CMND</label>
                                <input type="text" id="cmnd_newCus_@m.maDS" />
                            </p>
                            <a id="btn_add_@m.maDS" class="add_customer btnInner">Thêm</a>
                        </div>
                    
                    
                        <a id = 'dsdv_@m.maDS' class="showService">Danh sách dịch vụ sử dụng</a>
                        <div class="hidden info" id="showService_@m.maDS">
                            <div id="ListService_@m.maDS">
                                @foreach (var n in m.SuDungDichVus)
                                { 
                                    <div id="@n.maDS@n.maDV">
                                        @if (n.maDS == m.maDS)
                                        {
                                            <label>@n.DichVu.tenDV</label>
                                            <input id="maDV_@n.maDS" type="hidden" value="@n.maDV"/>
                                            <input type="text" value="@n.soLuong" id="soLuong_@n.maDS@n.maDV" />
                                            <p>
                                            <a id="_update_@n.maDS@n.maDV" class="update_service btnInner">Cập nhật</a>
                                            <a id="_delete_@n.maDS@n.maDV" class="delete_service btnInner">Xoá</a></p>
                                        }
                                    </div>
                                
                                }
                            </div>
                            <div class="notice" id="notice_service_@m.maDS"></div>
                            <div>
                                <select id="maDV_newDV_@m.maDS">
                                    @foreach (var n in ks.DichVus)
                                    {
                                        <option value="@n.maDV">@n.tenDV</option>
                                    }
                                </select>
                                <input type="text"  id="soLuong_newDV_@m.maDS" />
                                <a id="add_service_@m.maDS" class="add_service btnInner">Thêm</a>
                            </div>
                        </div>
                        }

                    }
                </div>
                <div class="notice" id="notice_@l.maDP"></div>
            </div>
        </div>
    }

</div>
